"""
需求：
    1. 使用css id选择器 定位用户名 输入admin
    2. 使用css 属性选择 定位密码框 输入123456
    3. 使用css class 选择器 定位电话号码：18611112222
    4. 使用css 元素选择器 定位span标签获取文本值
    5. 使用层级选择器 定位emial 输入123@qq.com

方法：
    driver.find_element_by_css_selector()
    获取文本的方法 元素.text

css延申：
    1. [属性^='开头的字母'] # 获取指定属性以指定字母开头的元素
    2. [属性$='结束的字母'] # 获取指定属性以指定字母结束的元素
    3. [属性*='包含的字母'] # 获取指定属性包含指定字母的元素
"""

# 导包
from selenium import webdriver
from time import sleep
# 获取 浏览器驱动对象
driver = webdriver.Chrome()
# 打开 注册A.html
driver.get("https://demo.ruoyi.vip/login")
# 1. 使用css id选择器 定位用户名 输入admin 以指定字母开头 语法：[属性^='开头的字母']
# driver.find_element_by_css_selector('[name^="us"]').send_keys("admin")
# 2. 使用css 属性选择 定位密码框 输入123456 以指定字母结束 语法：[属性$='结束的字母']
# driver.find_element_by_css_selector('[name$="word"]').send_keys("admin123")

# 登录系统
sleep(5) # 等我输入验证码
driver.find_element_by_css_selector('#btnSubmit').click()
sleep(2)
# 打开url： 进入添加页面
driver.get("https://demo.ruoyi.vip/system/user/add")

# 3. 使用css class 选择器 定位电话号码：18611112222
driver.find_element_by_css_selector("#phonenumber").send_keys("18611112222")
# 4. 使用css 元素选择器 定位span标签获取文本值
span = driver.find_element_by_css_selector("label").text
print("获取的span标签文本值：", span)

# 5. 使用层级选择器 定位emial 输入123@qq.com 包含指定字母 语法：[属性*=‘包含字母’]
driver.find_element_by_css_selector('[class*="email"]').send_keys("123@qq.com")

# 暂停 3秒
sleep(5)

# 退出浏览器驱动
driver.quit()
